<section class="content" >
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <input type="search" ng-model="filter.role_name" style="width: 220px;" placeholder="Search Role Name Here..." /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="/beetle/image/icon_plus-box.png" ng-click="add();" style="cursor: pointer;">
                </div>
                <div class="box-body" style=" ">
                    <table class="table table-hover table-bordered">
                <thead>
                    <tr >
                        <th>
                            角色
                        </th>
                        <th>
                            描述
                        </th>
                        <th>
                            操作
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="x in roleList |filter:filter|paging:page.index:page.size">
                        <td>{{x.role_name}}</td>
                        <td>{{x.desc}}</td>
                        <td>
                            <img src="/beetle/image/icon_cog.png" ng-click="add(x.role_id);" style="cursor: pointer;width: 20px;" role="button" tabindex="0">
                        </td>
                    </tr>
                </tbody>
            </table>
                </div>
                <uib-pagination total-items="roleList|filter:filter|size" ng-model="page.index" 
                max-size="5"
                previous-text="上一页"
                next-text="下一页"
                first-text="首页"
                last-text="尾页"

                items-per-page="page.size"

                class="pagination-sm pull-right" boundary-links="true"></uib-pagination>
            </div>
        </div>
    </div>
</section>